
<template>
    <router-view />
</template>


<script lang="ts">
import { defineComponent, onMounted } from 'vue'
import { useStore } from '@/store'
// import router from '@/router'

export default defineComponent({
    setup() {
        const store = useStore()
        onMounted(() => {
            // store.dispatch('userGetToken', 12234545)
            // console.log('11111')

            // console.log('store.state', store)
        })

        async function openRouter() {
            // await store.dispatch('generateRoutes')
            // ;(store as any).state.permissions.routes.forEach(
            //     (route: any) => {
            //         ;(router as any).addRoute(route)
            //     }
            // )
        }
        return {
            openRouter
        }
    }
})
</script>

<style lang="scss">
.el-menu-item:hover {
    outline: 0 !important;
    color: #409eff !important;
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    outline: 0 !important;
    color: #fff !important;
    background: #435ebe !important;
    border-radius: 8px !important;
}
.el-menu-item:hover {
    outline: 0 !important;
    color: #fff !important;
    background: #435ebe !important;
    border-radius: 8px !important;
}
</style>
